<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="contextPath" value="${pageContext.request.contextPath}" />

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
	<title>JTOON</title> 
</head>
<body>	
	
	<h3>
		${comicsTitle} > ${episodeTitle} 이미지 관리 
	</h3>
	
	<form action="${contextPath}/imgManage" method="post">
		<input type="hidden" name="mode" value="1" />
		<input type="hidden" name="cid" value="${cid}" />
		<input type="hidden" name="eid" value="${eid}" /> 
		순서 : <input type="text" name="order" /><br />
		이미지 : <input type="text" name="src" /><br />
		<input type="submit" value="등록하기" />  
	</form>
		
	<a href="${contextPath}/imgManage?cid=${cid}&eid=${eid}">새로고침</a>	
		
	<br />
	<a href="${contextPath}/episodeManage?cid=${cid}&eid=${eid}">
		${comicsTitle} 에피소드 관리로 이동
	</a>
	
	<ul>	
		<c:forEach items="${imgList}" var="img">
			<li>
				<img src="${img.src}" style="width:100px; height:100px; display:inline;" /> | 순서 : ${img.order} | 경로 : ${img.src} |
				<a href="${contextPath}/imgManage?iid=${img.iid.id}&cid=${cid}&eid=${eid}&mode=3">삭제</a> | 
			</li>
		</c:forEach>	
	</ul>
	
</body>
</html>